import { Button, Space, Tabs } from 'antd'
import ProductionInfo from './production_info'
import DeviceList from '@/pages/DeviceCenter'
import DetailContainer from '@/components/DetailContainer'
import { useNavigate } from 'react-router-dom'

const Index: React.FC = () => {
  return (
    <DetailContainer>
      <Tabs
        className="tabs_self_class"
        defaultActiveKey="1"
        items={[
          {
            label: '产品信息',
            key: '1',
            children: <ProductionInfo></ProductionInfo>,
          },
          {
            label: '设备列表',
            key: '2',
            children: <DeviceList></DeviceList>,
          },
          {
            label: '功能参数',
            key: '3',
            disabled: true,
          },
          {
            label: '数据查看',
            key: '4',
            disabled: true,
          },
        ]}
      />
    </DetailContainer>
  )
}

export default Index
